<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>励控智能终端</title>
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<style>
			.layui-anim {
				-webkit-animation-fill-mode: none;
				animation-fill-mode: none;
			}
			
			th {
				min-width: 60px;
			}
			
			thead th{
				text-align: center;
			}
			
			.form-padding {
				width: 80%;
				/*padding: 8px 0;*/
			}
		</style>
	</head>

	<body>
		<div>
			<div class="layui-row">
				<div class="layui-col-sm8 layui-col-sm-offset2">
					<div class="layui-tab layui-tab-brief">
						<ul class="layui-tab-title">
							<li class="layui-this">强电状态</li>
							<li>线路配置</li>
							<li>事件设置</li>
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<table class="layui-table" lay-data="{height:315, url:'/power/info', page:true, id:'test'}" lay-filter="cardinfo">
									<thead>
										<tr>
											<th lay-data="{field:'line'}">线路</th>
											<th lay-data="{field:'device_type'}">设备类型</th>
											<th lay-data="{field:'device_name'}">设备名称</th>
											<th lay-data="{field:'status'}">通电状态</th>

											<th lay-data="{field:'opt'}">操作</th>
										</tr>
									</thead>
								</table>
							</div>
							<div class="layui-tab-item">
								<form class="layui-form" action="">

									<table  class="layui-table"  width="100%">
										<thead>
											<tr>
												<th>线路</th>
												<th>设备类型</th>
												<th>设备编号</th>
												<th>检测线路</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<th>1</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>2</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>3</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
											
											</tr>
											<tr>
												<th>4</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>5</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>6</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>7</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
											<tr>
												<th>8</th>
												<th>
													<div class="form-padding">
														<select>
															<option>灯</option>
															<option>风扇</option>
															<option>插座</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
														</select>
													</div>
												</th>
												<th>
													<div class="form-padding">
														<select>
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
															<option>6</option>
															<option>7</option>
															<option>8</option>
															<option>9</option>
															<option>10</option>
															<option>11</option>
															<option>12</option>
															<option>13</option>
															<option>14</option>
															<option>15</option>
															<option>16</option>
														</select>
													</div>
												</th>
												
											</tr>
										</tbody>
									</table>
								</form>
                                <div>
                                	<button class="layui-btn layui-btn-normal">保存</button>
                                	<button 	class="layui-btn layui-btn-primary">重置</button>
                                </div>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
		</div>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
		<script type="text/javascript" src="lib/layui/layui.js"></script>
		<script>
			layui.use('element', function() {
				var element = layui.element;
				element.on('tab(filter)', function(data) {
				});

				element.on('nav(filter)', function(elem) {
				});
			});
			layui.use('table', function() {
				var table = layui.table;
				table
			});
		</script>
	</body>

</html>